* {
 margin: 0;
 padding: 0;
}
html,body {
 width: 100%;
 height: 100%;
}
body {
 background: url('/assets/images/login_bg.jpg') no-repeat center top;
 background-size: cover;
}
 .logo-box {
  padding-top: 20px
}
.login-and-register {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 400px;
 height: 310px;
 background-color: #fff;
}
form {
 padding: 0 30px;
}
.title-box {
 width: 100%;
 height: 60px;
 background: url('/assets/images/login_title.png') no-repeat center center;
}
.layui-btn {
 width: 100%;
 background-color: #1E9FFF;
}
.layui-form-item {
 position: relative;
}
.layui-icon-username,.layui-icon-password {
 position: absolute;
 left: 10px;
 top: 10px;
}
.layui-input {
 padding-left: 30px;
}



